<template>
  <!--顶部导航栏-->
  <div class="head_bg">
    <div class="head_meta">
      <div class="head_pic" style="background: none;">
        <div class="title">
          <div class="login_line"></div>
          <span class="login_title">Link Start</span>
          <div class="login_line"></div>
        </div>
      </div>
      <div class="head_main">
        <div class="head_nav">
          <ul class="elemList">
            <li>
              <a href="dreamland_home.html">首页</a>
            </li>
            <li>
              <a href="#">番剧</a>
            </li>
            <li>
              <a href="#">动画</a>
            </li>
            <li>
              <a href="dreamland_home.html">首页</a>
            </li>
            <li>
              <a href="#">番剧</a>
            </li>
            <li>
              <a href="#">动画</a>
            </li>
            <li>
              <a href="dreamland_home.html">首页</a>
            </li>
            <li>
              <a href="#">番剧</a>
            </li>
            <li>
              <a href="#">动画</a>
            </li>
            <li>
              <a href="dreamland_home.html">首页</a>
            </li>
          </ul>
          <div class="head_search">
            <form action class="form_search">
              <input type="text" class="search" style="background-color: #f9f9f9" />
              <a href="#" class="b_search"></a>
            </form>
          </div>
          <ul class="elemList elemList1">
            <li>
              <a href="dreamland_mySetting.html">设置</a>
            </li>
            <li>
              <a href="#">动态</a>
            </li>
            <li>
              <a href="#">历史</a>
            </li>
            <li style="width: 58px;">
              <a href="#">创作中心</a>
            </li>
            <li>
              <a href="#">番剧</a>
            </li>
            <li>
              <a href="#">动画</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <!--登录主体部分-->
  <div class="login_main">
    <div id="login_vip" style="margin-left: 300px; margin-top: 100px;display:block">
      <div class="form-bg">
        <div class="container">
          <div class="row">
            <div class="col-md-offset-4 col-md-4 col-sm-offset-3 col-sm-6">
              <form class="form-horizontal loginValidate registerValidate">
                <div class="heading" style="font-size: 50px; margin-bottom: 20px;">DreamLand</div>
                <div id="login_type" style="width:440px; height: 25px; margin:0 0 20px 10px;">
                  <p
                    id="login_type1"
                    style="font-size: 20px; color: #f0ad4e;
                                          width: 220px; text-align: right"
                  >账号登录</p>
                  <p
                    id="login_type2"
                    style="font-size: 15px; color: #9c7430; margin: -20px 0 0 220px;
                                          width: 220px; position: absolute; text-align: left; text-indent:1em; "
                  >短信登录</p>
                </div>
                <div class="form-group">
                  <i class="fa fa-user"></i>
                  <input
                    id="user"
                    style="border-radius: 5px;opacity: 1"
                    name="userAccount"
                    type="text"
                    class="form-control"
                    placeholder="账号"
                  />
                </div>
                <div class="form-group">
                  <i class="fa fa-lock"></i>
                  <input
                    id="password"
                    style="border-radius: 5px;opacity: 1"
                    name="userPassword"
                    type="password"
                    class="form-control"
                    placeholder="验证"
                  />
                  <button type="button" id="note" style="display: none">发送验证码</button>
                </div>
                <div class="form-group">
                  <i class="fa fa-lock"></i>
                  <input
                    style="margin-left: 87px; display:none; border-radius: 5px;opacity: 1"
                    required
                    name
                    type="password"
                    class="form-control"
                    placeholder="初始密码"
                    id="Input3"
                  />
                </div>
                <div class="form-group">
                  <button id="login" type="button" class="btn btn-default">
                    登录
                    <i class="fa fa-arrow-right"></i>
                  </button>
                  <span id="register" style="color: white">
                    没有梦界会员通行证？
                    <a class="create_account">点击申请</a>
                  </span>
                  <a href="javascript:void(0)">
                    <h3
                      style="display:none; font-size: 15px;font-weight: bold;
                                      color: rgba(63,117,190,0.91)"
                      id="returnLogin"
                    >返回登录</h3>
                  </a>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="login_back" style="overflow: hidden">
      <div class="container demo-2">
        <div class="content">
          <div id="large-header" class="large-header">
            <canvas id="demo-canvas"></canvas>
            <h1 class="main-title">DreamLand</h1>
          </div>
        </div>
      </div>
      <!-- /container -->
    </div>
  </div>
  <!--底部-->
  <div class="b_floor">
    <div class="l_wrapper">
      <div class="m_unit_b2">
        <div class="footerInfo">
          <ul class="weima">
            <li>
              <img src="@/assets/images/微信图片_20191203160630.jpg" width="77" height="77" />
              <p>梦界公众号</p>
            </li>
            <li>
              <img
                src="@/assets/images/1575360967.png"
                width="72"
                height="72"
                style="margin-top: 5px;"
              />
              <p>APP体验不一样的梦界</p>
            </li>
          </ul>
          <p>
            <a
              data-trace="页面底部|页面底部_点击|页面底部_关于游侠客"
              rel="nofollow"
              href="javascript:void (0)"
              target="_blank"
            >关于梦界</a>
            <a
              data-trace="页面底部|页面底部_点击|页面底部_游侠客的故事"
              rel="nofollow"
              href="javascript:void (0)"
              target="_blank"
            >制作组的故事</a>
            <a
              data-trace="页面底部|页面底部_点击|页面底部_联系游侠客"
              rel="nofollow"
              href="javascript:void (0)"
              target="_blank"
            >联系制作组</a>
            <a
              data-trace="页面底部|页面底部_点击|页面底部_游侠客招聘"
              rel="nofollow"
              href="javascript:void (0)"
              target="_blank"
            >制作组招聘</a>
            <a
              data-trace="页面底部|页面底部_点击|页面底部_意见反馈"
              rel="nofollow"
              href="javascript:void (0)"
              target="_blank"
            >意见反馈</a>
            <a
              data-trace="页面底部|页面底部_点击|页面底部_使用协议"
              rel="nofollow"
              href="javascript:void (0)"
              target="_blank"
            >使用协议</a>
            <a
              data-trace="页面底部|页面底部_点击|页面底部_隐私政策"
              rel="nofollow"
              href="javascript:void (0)"
              target="_blank"
            >隐私政策</a>
            <a
              data-trace="页面底部|页面底部_点击|页面底部_交换链接"
              rel="nofollow"
              href="javascript:void (0)"
              target="_blank"
            >交换链接</a>
            <a
              data-trace="页面底部|页面底部_点击|页面底部_帮助中心"
              rel="nofollow"
              href="javascript:void (0)"
              target="_blank"
            >帮助中心</a>
            <a
              data-trace="页面底部|页面底部_点击|页面底部_网站地图"
              rel="nofollow"
              href="javascript:void (0)"
              target="_blank"
            >网站地图</a>
          </p>
          <p>
            <span>京ICP备 09011712 号-1</span>
            <span>京公网安备 33010602002306号</span>
            <span>
              <a href="javascript:void (0)" rel="nofollow" target="_blank">营业执照</a>
            </span>
            <span>北京梦界网络传媒有限公司</span>
            <span>北京梦界动漫产业有限公司</span>
            <span>许可证编号：L-ZJ-CJ00192</span>
          </p>
          <p>© 2019 dreamland.com 版权所有法律顾问：北京梦界集团律师事务所 潘静文 北京市漫画制作人联系电话：0571-96123 投诉及紧急事件联系电话：400-670-6300转5</p>
          <p>漫画资讯电话(免长途费)：400-670-6300，公司总部地址：北京市朝阳区教工路198号京商大创业园D幢3楼，投诉建议邮箱：jianyi@youxiake.com</p>
        </div>
      </div>
      <a href="javascript:" name="floor">&nbsp;</a>
    </div>
  </div>
</template>